<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width" />
    <meta name="author" content="www.yanshisan.cn" />
    <meta name="robots" content="all" />
    <title>日记</title>
    <link rel="stylesheet" href="__CDN__/index/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="__CDN__/index/layui/css/layui.css" />
    <link rel="stylesheet" href="__CDN__/index/css/master.css" />
    <link rel="stylesheet" href="__CDN__/index/css/gloable.css" />
    <link rel="stylesheet" href="__CDN__/index/css/nprogress.css" />
    <link rel="stylesheet" href="__CDN__/index/css/timeline.css" />
</head>
<body>
    <div class="header">
    </div>
    <header class="gird-header">
        <div class="header-fixed">
            <div class="header-inner">
                <a href="javascript:void(0)" class="header-logo" id="logo">Mr.Gui</a>
                {include file="common/top" /}
                <a href="#" class="blog-user">
                    <i class="fa fa-qq"></i>
                </a>
                <a class="phone-menu">
                    <i></i>
                    <i></i>
                    <i></i>
                </a>
            </div>
        </div>
    </header>
    <div class="doc-container" id="doc-container">
         <div class="container-fixed">
            <div class="timeline-box shadow">
                <div class="timeline-main">
                    <h1><i class="fa fa-clock-o"></i>日记</h1>
                    <div class="timeline-line"></div>

                    {volist name="list" id="vo"}
                        <div class="timeline-year">
                            <h2><a class="yearToggle">{$key} 年</a><i class="fa fa-caret-down fa-fw"></i></h2>
                            <div class="timeline-month">
                            <ul>
                                {volist name="vo" id="v"}
                                <li>
                                    <div class="h4 animated fadeInLeft">
                                        <p class="date">{$v.createtime|date='Y-m-d',###}</p>
                                    </div>
                                    <p class="dot-circle animated "><i class="fa fa-dot-circle-o"></i></p>
                                    <div class="content animated fadeInRight">{$v.info}</div>
                                    <div class="clear"></div>
                                </li>
                                {/volist}
                            </ul>
                        </div>
                        </div>
                    {/volist}



                    <h1 style="padding-top:4px;padding-bottom:2px;margin-top:40px;"><i class="fa fa-hourglass-end"></i>THE END</h1>
                </div>
            </div>
        </div>
    </div>
    {include file="common/footer" /}

</body>
</html>
